outline - width

Internet Explorer/Internet Explorer

Netscape/Netscape

Opera/Opera

Safari/Safari

Firefox/Firefox

6.0

7.0

8.0

8.0

9.0

8.0

9.2

9.5

1.3

2.0

3.1

1.5

2.0

3.0

Ні

Ні

Так

Так

Так

Так

Так

Так

Так

Так

Так

Так

Так

Так

Коротка інформація

CSS

CSS2, CSS2.1

Значення за умовчанням

medium

Наслідує

Ні

Застосовується

До усіх елементів

Аналог HTML

Ні

Посилання на специфікацію

http://www.w 3.org/TR/CSS21/ui.html#propdef - outline - width

Опис

Задає товщину зовнішньої межі елементу. На відміну від властивості border - width, для outline - width не можна встановлювати межу для кожної сторони елементу індивідуально.

Щоб outline - width працював, необхідно встановити у властивості outline - style будь-яке значення окрім none.

Синтаксис

outline - width: thin | medium | thick | значення | inherit

Значення

thin Тонка лінія. Значення в пікселах може змінюватися залежно від браузеру, але зазвичай складає 1 піксел.

medium Лінія середньої товщини (3 піксели).

thick Лінія великої товщини (6 пікселів).

значення Для точної установки товщини можна використовувати будь-які одиниці розміру прийняті в CSS.

inherit Наслідує значення батька.

Приклад

HTML 4.0  CSS 2.1 IE 6 IE 7 IE 8 Op 9.5 Sa 3.1 Ff 2.0 Ff 3.0

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http ://www.w 3.org/TR/html4/strict.dtd">
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows - 1251">
    <title>outline - width</title>
    <style type="text/css">
      #block {
        outline - style: dotted; /* Пунктирна зовнішня межа */
        outline - width: 3px; /* Товщина зовнішньої межі */
        padding: 10px; /* Полів навколо тексту */
        border: 3px dotted #000; /* Параметрів рамки */
      }
    </style>
  </head> 
  <body> 
      <div id="block">
        Луцький національний техніний університет  
є одним із найкращих професійних закладів освіти у місті Луцьку. 
Найкращою з підготовки спеціалістів є кафедра професійного навчання, що займається професійною підготовкою студентів.       </div>
  </body>
</html>

Результат прикладу показаний на мал. 1.

Мал. 1. Використання властивості outline - width

Об'єктна модель

[window.]document.getElementById("elementID") style.outlineWidth